<script setup lang="ts">
import {
  onBeforeMount,
  onBeforeUnmount,
  onBeforeUpdate,
  onMounted,
  onUnmounted,
  onUpdated
} from 'vue'

// 创建  直接写在setup中就可以

// 挂载
onBeforeMount(() => {})
onMounted(() => {})
// 更新
onBeforeUpdate(() => {})
onUpdated(() => {})
// 销毁
onBeforeUnmount(() => {})
onUnmounted(() => {})
</script>

<template>
  <div class="app-page">
    <div>我是子组件</div>
  </div>
</template>

<style lang="css" scoped></style>
